<template>
    <div>
         <div class="tab-nav "> 
            <div class="wrapper"> 
                <ul class="fl sui-nav nav-tabs navbar-dark"> 
                <li class="active"><a href="#index" data-toggle="tab">首页</a></li> 
                <li><a href="#php" data-toggle="tab">Php</a></li> 
                <li><a href="#js" data-toggle="tab">Javascript </a></li> 
                <li><a href="#python" data-toggle="tab">Python</a></li> 
                <li><a href="#java" data-toggle="tab">Java</a></li> 
                </ul> 
                <span class="fr more"><a href="~/assets/qa-allTag.html" target="_blank">更多</a></span> 
                <div class="clearfix"></div> 
            </div> 
            </div> 
            <!--两列布局--> 
            <div class="wrapper qa-content"> 
            <div class="fl left-list"> 
                <div class="tab-content"> 
                <div id="index" class="tab-pane active"> 
                <div class="tab-bottom-line"> 
                <ul class="sui-nav nav-tabs"> 
                    <li class="active"><a href="#new" data-toggle="tab">最新回答</a></li> 
                    <li><a href="#hot" data-toggle="tab">热门回答</a></li> 
                    <li><a href="#wait" data-toggle="tab">等待回答</a></li> 
                </ul> 
                <div class="qa-list"> 
                    <div class="tab-content"> 
                    <div id="new" class="tab-pane active"> 
                    <ul class="detail-list"> 
                    <li class="qa-item"> 
                        <div class="fl record"> 
                        <div class="number"> 
                        <div class="border useful"> 
                        <p class="usenum">12</p> 
                        <p>有用</p> 
                        </div> 
                        <div class="border answer"> 
                        <p class="ansnum">9</p> 
                        <p>回答</p> 
                        </div> 
                        </div> 
                        </div> 
                        <div class="fl info"> 
                        <div class="question"> 
                        <p class="author"><span class="name">luckness</span><span>3</span>分钟前回答</p> 
                        <p class="title"><a href="~/assets/qa-detail.html" target="_blank">有关PHP初级进阶的问题？</a></p> 
                        </div> 
                        <div class="other"> 
                        <ul class="fl sui-tag"> 
                        <li>Php</li> 
                        <li>Javascript</li> 
                        </ul> 
                        <div class="fr brower"> 
                        <p>浏览量 50 | 2017-07-05 15:09 来自 <a href="#">毕鹏 </a></p> 
                        </div> 
                        </div> 
                        </div> 
                        <div class="clearfix"></div> </li> 
                    <li class="qa-item"> 
                        <div class="fl record"> 
                        <div class="number"> 
                        <div class="border useful"> 
                        <p class="usenum">12</p> 
                        <p>有用</p> 
                        </div> 
                        <div class="border answer"> 
                        <p class="ansnum">9</p> 
                        <p>回答</p> 
                        </div> 
                        </div> 
                        </div> 
                        <div class="fl info"> 
                        <div class="question"> 
                        <p class="author"><span class="name">牛奶糖</span><span>3</span>分钟前回答</p> 
                        <p class="title"><a href="~/assets/qa-detail.html" target="_blank">springMVC的controller接收json数据失败</a></p> 
                        </div> 
                        <div class="other"> 
                        <ul class="fl sui-tag"> 
                        <li>Php</li> 
                        <li>Javascript</li> 
                        </ul> 
                        <div class="fr brower"> 
                        <p>浏览量 50 | 2017-07-05 15:09 来自 <a href="#">毕鹏 </a></p> 
                        </div> 
                        </div> 
                        </div> 
                        <div class="clearfix"></div> </li> 
                    <li class="qa-item"> 
                        <div class="fl record"> 
                        <div class="number"> 
                        <div class="border useful"> 
                        <p class="usenum">12</p> 
                        <p>有用</p> 
                        </div> 
                        <div class="border answer"> 
                        <p class="ansnum">9</p> 
                        <p>回答</p> 
                        </div> 
                        </div> 
                        </div> 
                        <div class="fl info"> 
                        <div class="question"> 
                        <p class="author"><span class="name">大白兔</span><span>3</span>分钟前回答</p> 
                        <p class="title"><a href="~/assets/qa-detail.html" target="_blank">监听器中timer查询数据库</a></p> 
                        </div> 
                        <div class="other"> 
                        <ul class="fl sui-tag"> 
                        <li>Php</li> 
                        <li>Javascript</li> 
                        </ul> 
                        <div class="fr brower"> 
                        <p>浏览量 50 | 2017-07-05 15:09 来自 <a href="#">毕鹏 </a></p> 
                        </div> 
                        </div> 
                        </div> 
                        <div class="clearfix"></div> </li> 
                    <li class="qa-item"> 
                        <div class="fl record"> 
                        <div class="number"> 
                        <div class="border useful"> 
                        <p class="usenum">34</p> 
                        <p>有用</p> 
                        </div> 
                        <div class="border answer"> 
                        <p class="ansnum">9</p> 
                        <p>回答</p> 
                        </div> 
                        </div> 
                        </div> 
                        <div class="fl info"> 
                        <div class="question"> 
                        <p class="author"><span class="name">luckness</span><span>3</span>分钟前回答</p> 
                        <p class="title"><a href="~/assets/qa-detail.html" target="_blank">服务器上安装了一个考试系统ASP.NET,安装完成后访问不了，求助</a></p> 
                        </div> 
                        <div class="other"> 
                        <ul class="fl sui-tag"> 
                        <li>Php</li> 
                        <li>Javascript</li> 
                        </ul> 
                        <div class="fr brower"> 
                        <p>浏览量 50 | 2017-07-05 15:09 来自 <a href="#">毕鹏 </a></p> 
                        </div> 
                        </div> 
                        </div> 
                        <div class="clearfix"></div> </li> 
                    <li class="qa-item"> 
                        <div class="fl record"> 
                        <div class="number"> 
                        <div class="border useful"> 
                        <p class="usenum">12</p> 
                        <p>有用</p> 
                        </div> 
                        <div class="border answer"> 
                        <p class="ansnum">9</p> 
                        <p>回答</p> 
                        </div> 
                        </div> 
                        </div> 
                        <div class="fl info"> 
                        <div class="question"> 
                        <p class="author"><span class="name">牛奶糖</span><span>3</span>分钟前回答</p> 
                        <p class="title"><a href="~/assets/qa-detail.html" target="_blank">springMVC的controller接收json数据失败</a></p> 
                        </div> 
                        <div class="other"> 
                        <ul class="fl sui-tag"> 
                        <li>Php</li> 
                        <li>Javascript</li> 
                        </ul> 
                        <div class="fr brower"> 
                        <p>浏览量 50 | 2017-07-05 15:09 来自 <a href="#">毕鹏 </a></p> 
                        </div> 
                        </div> 
                        </div> 
                        <div class="clearfix"></div> </li> 
                    <li class="qa-item"> 
                        <div class="fl record"> 
                        <div class="number"> 
                        <div class="border useful"> 
                        <p class="usenum">12</p> 
                        <p>有用</p> 
                        </div> 
                        <div class="border answer"> 
                        <p class="ansnum">9</p> 
                        <p>回答</p> 
                        </div> 
                        </div> 
                        </div> 
                        <div class="fl info"> 
                        <div class="question"> 
                        <p class="author"><span class="name">大白兔</span><span>3</span>分钟前回答</p> 
                        <p class="title"><a href="~/assets/qa-detail.html" target="_blank">监听器中timer查询数据库</a></p> 
                        </div> 
                        <div class="other"> 
                        <ul class="fl sui-tag"> 
                        <li>Php</li> 
                        <li>Javascript</li> 
                        </ul> 
                        <div class="fr brower"> 
                        <p>浏览量 50 | 2017-07-05 15:09 来自 <a href="#">毕鹏 </a></p> 
                        </div> 
                        </div> 
                        </div> 
                        <div class="clearfix"></div> </li> 
                    </ul> 
                    </div> 
                    <div id="hot" class="tab-pane"> 
                    <p>热门回答</p> 
                    </div> 
                    <div id="wait" class="tab-pane"> 
                    <p>等待回答</p> 
                    </div> 
                    </div> 
                </div> 
                </div> 
                </div> 
                <div id="php" class="tab-pane">
                php 
                </div> 
                <div id="js" class="tab-pane">
                Javascript 
                </div> 
                <div id="python" class="tab-pane">
                python 
                </div> 
                <div id="java" class="tab-pane">
                java 
                </div> 
                </div> 
            </div> 
            <div class="fl right-tag"> 
                <div class="block-btn"> 
                <p>今天，有什么好东西要和大家分享么?</p> 
                <a class="sui-btn btn-block btn-share" href="~/assets/qa-submit.html" target="_blank">发布分享</a> 
                </div> 
                <div class="hot-tags"> 
                <div class="head"> 
                <h3 class="title">热门标签</h3> 
                </div> 
                <div class="tags"> 
                <ul class="sui-tag"> 
                <li>Php</li> 
                <li>Javascript</li> 
                <li>Gif</li> 
                <li>Java</li> 
                <li>C#</li> 
                <li>iOS</li> 
                <li>C++</li> 
                </ul> 
                </div> 
                </div> 
            </div> 
            <div class="clearfix"></div> 
            </div> 




    </div>
</template>
<script>
import '~/assets/css/page-sj-qa-logined.css'
export default {
    
}
</script>
